<?php $this->headTitle('Login');  ?>
<div class="box" style="width: 325px; min-height: 300px; margin-top: 40px; margin-left: auto; margin-right: auto;">
  <div class="left"></div>
  <div class="right"></div>
  <div class="heading">
    <h1 style="background-image: url('images/lockscreen.png');">Please enter your login details.</h1>
  </div>
  <div class="content" style="min-height: 150px;">
  <?php if (!empty($this->message)): ?>
  <div class="warning" style="padding: 3px;"><?php echo $this->escape($this->message[0]); ?></div>
  <?php endif; ?>

      <table style="width: 100%;">
        <tr>
          <td style="text-align: center;" rowspan="4"><img src="images/login.png" alt="Please enter your login details." /></td>
        </tr>
        <tr>
          <td>
              <?php echo $this->loginForm->setName('login')->setAttrib('id', 'login'); ?>
          </td>
        </tr>
        <tr>
          <td style="text-align: right;"><a onclick="$('#login').submit();" class="button"><span>Login</span></a></td>
        </tr>
      </table>
    <script type="text/javascript"><!--
	$('#login input').keydown(function(e) {
		if (e.keyCode == 13) {
			$('#login').submit();
		}
	});
	//--></script>
  </div>
</div>